// 引入vue-router对象
import { createRouter, createWebHistory } from 'vue-router'
import Home from '@/views/home/home.vue'
import Layout from '@/components/Layout/index.vue'
/**
 * 定义路由数组
 */
const routes = [
  {
    name: 'index',
    path: '/',
    component: Layout,
    redirect: '/home',
    meta: {
      title: '首页',
      icon: 'home'
    },
    children: [
      {
        path: '/home',
        name: 'home',
        meta: {
          title: '首页',
          icon: 'home'
        },
        hidden: true,
        component: Home
      }
    ]
  },
  {
    // 登录
    name: 'login',
    path: '/login',
    meta: {
      title: '登录',
      icon: 'login'
    },
    component: () => import('@/views/login/Login.vue'),
    hidden: false
  }
]

/**
 * 创建路由
 */
const router = createRouter({
  // hash模式：createWebHashHistory，
  // history模式：createWebHistory
  history: createWebHistory(),
  // history:createWebHashHistory(),
  routes
})
// router.beforeEach((to, from) => {
//   // ...
//   // 返回 false 以取消导航
//   // console.log('全局路由——to：', to)
//   document.title = ''

//   to.matched.forEach((item) => {
//     document.title = `${item.meta.title || ''}`
//   })
//   // console.log('全局路由——from：', from)
//   return true
// })

/**
 * 路由守卫
 */
// router.beforeEach((guard) => {
//    beforeEach.checkAuth(guard, router);
// });

/**
 * 路由错误回调
 */
// router.onError((handler) => {
//   console.log("error:", handler);
// });
router.defaultRouters = router.getRoutes()
/**
 * 输出对象
 */
export default router
